<script>
    /**
     *  react vue 用到的页面渲染效率更高，因为都引入了虚拟dom的概念！
     *  1. 页面是如何渲染的？
           浏览器向服务器发起请求，如果响应回来的是一个html页面，那么浏览器解析器就会将其解析成一个dom树
           如果响应回来的是一个css文件，浏览器css解析器会将其解析成一个css渲染树
           如果响应回来的是一个js文件，浏览器js接下器对js进行解析，js如果操作了dom元素的几何属性，就会导致浏览器的重排和重绘
     *     
            
     *  2. 什么是重排和重绘？
            当js操作dom的几何属性时，就会导致浏览器重排和重绘，几何属性[宽、高、位置....],自身和周围元素的几何属性都需要重新计算，这个重新计算的过程，叫做重排。根据重排后的位置重新渲染，叫做重绘。重排必然导致重绘
     * 
     *  3. 传统DOM操作的缺陷！
     *      document.getElementById('div')
     *      oDiv.style.height = '100px'
     *      oDiv.style.height = '150px'
     *      oDiv.style.left = 10px
     *     
     *  4. React、vue 性能更好，为什么？
            引入虚拟dom，减少了重排和重绘，并且借助diff算法，实现真实dom的最小量更新    <div id="xxx">sdfds</div>
     *     
     *  5. 虚拟DOM是什么？
     *      1. 它是一个对象，它里面的属性和真实dom一一对应
     *      2. 虚拟dom是一个属性很少的对象，只有真实dom的部分属性
     *      3. 虚拟dom可以转化真实dom，在react中使用render方法，可以将虚拟dom转化为真实dom 
     *      4. 在react中，虚拟dom我们称之为： react元素
     *      5. 如何创建一个react元素呢？
     *             1. React.createElement [了解]
     *             2. jsx语法创建  [推荐]
     * 
     */
</script>